<template>
	<div>
		<mt-swipe :auto="4000">
  			<mt-swipe-item><img src="../images/640-340-3.jpg" alt="">1</mt-swipe-item>
  			<mt-swipe-item><img src="../images/640-340-4.jpg" alt="">2</mt-swipe-item>
  			<mt-swipe-item><img src="../images/640-340-2.jpg" alt="">3</mt-swipe-item>
		</mt-swipe>
		<div class="mui-content">
		        <ul class="mui-table-view mui-grid-view mui-grid-9">
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/newList">
		            		<img src="../images/menu1.png" alt="">
		                    <div class="mui-media-body">Home</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/photo">
		                   	<img src="../images/menu2.png" alt="">
		                    <div class="mui-media-body">图片专栏</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/shop">
		                    <img src="../images/menu3.png" alt="">
		                    <div class="mui-media-body">购物</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <img src="../images/menu4.png" alt="">
		                    <div class="mui-media-body">location</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                  	<img src="../images/menu5.png" alt="">
		                    <div class="mui-media-body">Search</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <img src="../images/menu6.png" alt="">
		                    <div class="mui-media-body">Phone</div></a></li>
		          
		        </ul> 
		</div>
		<p>home</p>
	</div>
</template>
<script>
	// export default{
	// 	data(){
	// 		return{}
	// 	},
	// 	created(){
	// 		this.addlubotu();
	// 	},
	// 	methods:{
	// 		addlubotu(){
	// 			this.$http.get("http://vue.studyit.io/api/getlunbo").then(result=>{
	// 				console.log(result.body);
	// 			})
	// 		}
	// 	}
	// };
</script>
<style lang="less" scoped >
	.mint-swipe{
		height: 200px;
		.mint-swipe-items-wrap{
			.mint-swipe-item{
			&:nth-of-type(1){
			
			}
			&:nth-of-type(2){
			background: yellow;
			}
			&:nth-of-type(3){
			background: blue;
			}
			img{
				width: 375px;
				height: 220px;
			}
		}
		}
		
	}
	.mui-content{
		margin-top: -15px !important;
		.mui-grid-view{
			background: white;
			img{
			width:60px;
			}
			.mui-table-view-cell{
				border: 0;
			}

		}
	}
</style>